<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<span id="${uuid}"></span>

<div class="box_tc_s">
    <div data-id="process" class="page-process">
        <c:forEach items="${best.records}" var="record" varStatus="i">
            <div class="selected-process" data-ref="${record.id}" data-id="record">
                <span class="row-number">${i.index + 1}</span>
                <dl class="process-detail">
                    <dt><img style="width: 128px;height: 128px"
                             src="${pageContext.request.contextPath}/print/${record.tProcessTemplate.processCover}">
                    </dt>
                    <dd>${record.tProcessTemplate.processName}</dd>
                </dl>
            </div>
        </c:forEach>
    </div>
</div>
<script language="javascript">
    seajs.use("apps/lab/page.css", function () {
        var uuid = "${uuid}";
        var page = new $.PageDomFactory(uuid, true);
        var globalWindow = new $.PageWindow();
        page.getJqDom("record").on("click", function () {
            var id = $(this).attr("data-ref");
            globalWindow.create({
                width: 700,
                href: "${pageContext.request.contextPath}/app/api/lab/view?id=" + id,
                title: "工艺详细参数"
            });
            globalWindow.open();
        });
    })
</script>